<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
  
    <h:head>
	</h:head>
	
	<body> 
    <h:form>
    
    	<h:panelGrid columns="3" >
    	
     		<h:outputLabel value="Data de Locacao: " />
    		<p:calendar value="#{locacaoBean.data}" id="cal" showButtonPanel="true">
    			<f:convertDateTime pattern="d/M/yyyy"/>
    		</p:calendar>
    		<h:outputText value="" />
    		
  			<p:commandButton id="btnCliente" value="Cliente:" type="button" />
    		<h:outputLabel value="#{locacaoBean.cliente.nome}" />    		
    		<p:overlayPanel id="clientePanel" for="btnCliente" hideEffect="fade" dynamic="true" widgetVar="pnlCliente" >
				<p:dataTable id="tblCliente" var="c" value="#{clienteBean.clientes}">
					<p:column id="nomeCliente" filterBy="#{c.nome}" headerText="Nome">
								<h:outputText value="#{c.nome}"/>
					</p:column >
					<p:column id="cpfCliente" filterBy="#{c.cpf}" headerText="CPF">
								<h:outputText value="#{c.cpf}"/>
					</p:column>						
					<p:column headerText="Selecione">
						<h:commandButton value="add" onclick="pnlCliente.hide()">
							<f:setPropertyActionListener target="#{locacaoBean.cliente}" value="#{c}" />				
						</h:commandButton>
					</p:column>
				</p:dataTable>		
    		</p:overlayPanel>
    		
    		<p:commandButton id="btnFuncionario" value="Funcionario:" type="button" />
    		<h:outputLabel value="#{locacaoBean.funcionario.nome}" /> 		
    		<p:overlayPanel id="funcionarioPanel" for="btnFuncionario" hideEffect="fade" dynamic="true" widgetVar="pnlFuncionario">
				<p:dataTable id="tblFuncionario" var="f" value="#{funcionarioBean.funcionarios}">
					<p:column id="nomeCliente" filterBy="#{f.nome}" headerText="Nome">
						<h:outputText value="#{f.nome}"/>
					</p:column >
					<p:column id="cpfCliente" filterBy="#{f.cpf}" headerText="CPF">
						<h:outputText value="#{f.cpf}"/>
					</p:column>		
					<p:column headerText="Selecione">
						<h:commandButton value="add" onclick="pnlFuncionario.hide()" >
							<f:setPropertyActionListener target="#{locacaoBean.funcionario}" value="#{f}" />			
						</h:commandButton>
					</p:column>
				</p:dataTable>		
    		</p:overlayPanel>
    		
    		<p:commandButton id="btnMidia" value="Midia" type="button" />
    		<p:overlayPanel id="midiaPanel" for="btnMidia" hideEffect="fade" dynamic="true" widgetVar="pnlMidia" at="center left" >	
				<p:dataTable id="overlayMidia" var="m" value="#{midiaBean.midias}">
				
					<p:column filterBy="#{m.obra.titulo}" headerText="Titulo">
						<h:outputText value="#{m.obra.titulo}"/>
					</p:column >
			
					<p:column filterBy="#{m.obra.rotulo}" headerText="Rotulo Obra">
						<h:outputText value="#{m.obra.rotulo}"/>
					</p:column >
					
					<p:column filterBy="#{m.tipoMidia}" headerText="Rotulo Midia">
						<h:outputText value="#{m.tipoMidia}"/>
					</p:column >
					
					<p:column filterBy="#{m.qtde}" headerText="Quantidade" >
						<p:spinner id="spinner"  value="#{locacaoBean.qtdMidia}" min="0" max="#{m.qtde}"/>
					</p:column >
					
					<p:column headerText="Valor da Locacao">
						<h:outputText value="R$ #{midiaBean.getValorLocacao(m)}"/>
					</p:column >
					
					<p:column headerText="Alugar">
						<h:commandButton value="Adicionar" update="tblMidias" id="ajax"
							action="#{locacaoBean.adicionaMidia(m.id)}" onclick="overlayMidia.hide()" >
						</h:commandButton>
					</p:column>
							
				</p:dataTable>
							
    		</p:overlayPanel>
    		
    	</h:panelGrid>
    	
    	<p:dataTable id="tblMidia" var="m" value="#{locacao.itensLocados}" widgetVar="tblMidia">
			<p:column id="tituloDaObra" filterBy="#{m.midiaLocada.obra.titulo}" headerText="Titulo">
				<h:outputText value="#{m.midiaLocada.obra.titulo}"/>
			</p:column >
			
			<p:column id="RotuloObra" filterBy="#{m.midiaLocada.obra.rotulo}" headerText="Rotulo Obra">
				<h:outputText value="#{m.midiaLocada.obra.rotulo}"/>
			</p:column >
			
			<p:column id="tipoMidia" filterBy="#{m.midiaLocada.tipoMidia}" headerText="Rotulo Midia">
				<h:outputText value="#{m.midiaLocada.tipoMidia}"/>
			</p:column >
			
			<p:column id="preco" headerText="Valor da Locacao">
				<h:outputText value="R$ #{midiaBean.getValorLocacao(m.midiaLocada)}"/>
			</p:column >
            
			<p:column headerText="Excluir">
				<h:commandButton value="excluir" update="tblMidia"   >
					<f:setPropertyActionListener target="#{locacaoBean.excluirItem}" value="#{m}" />
				</h:commandButton>
			</p:column>
			
		</p:dataTable>
		
		<h:outputLabel value="Valor Total: " />
		<h:outputLabel value="#{locacaoBean.locacao.valorTotal}" />
		
		<h:commandButton value="Locar" actionListener="#{locacaoBean.locacao.salvar()}"   >
		</h:commandButton>
   	</h:form>
    </body>
    
</ui:composition>